<template>
  <div class="taxi-content">
    <div class="taxi-head">
      <router-link to="/user/wallet" class="taxi-left">
          <span class="iconfont icon-fanhui">
          </span>
      </router-link>
     <h3>支付方式</h3>
    </div>
    <div class="taxi-null"> .</div>
    <ul class="item">
      <li class="item-touch">
        <router-link to="/user/way"><img class="item-img" src="../../../assets/img/5.png" /></router-link>
       </li>
      <li>
        <router-link to="/user/way">
          <div class="paid-way" style=" background-color: rgb(118, 187, 57);margin-top: 20px;">
            <h1 class="paid-way-title">微信支付</h1>
            <p class="paid-way-desc">欢迎使用微信支付</p>
          </div>
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
    export default {
        name: "paid"
    }
</script>

<style scoped>
  .taxi-head{
    position: fixed;
    top: 0px;
    width: 100%;
    line-height: 15vw;
    background: rgb(243, 236, 249);
    color: #2b2b2b;
    text-align:center;
  }
  .taxi-left{
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    color: #00A5ED
  }
  .taxi-null{
    width: 100%;
    height:15vw;
    line-height: 15vw;
  }
  .taxi-content {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    color: #999;
    background-color: #fff;
    text-align: left;
  }
  .item{

    height: 55px;
    border-bottom: #dfd8e5 solid 1px;
  }
  .item .item-touch{
   width: 100%;
    height: 50vw;

  }
  .item .item-touch .item-img{
    width: 100%;
    height: 200px;
    margin-bottom: 10px;
  }
  .item  .paid-way{
    width: 100%;
    height: 200px;
    color: #f3ecf9;
    text-decoration: none;
  }
  .paid-way .paid-way-title{
    position: relative;
    text-align: center;
    height: 100px;
    top:65px;
    text-decoration: none;
  }
  .paid-way .paid-way-desc{
    text-align: center;
    margin-top: 10px;
    text-decoration: none;
  }
</style>
